<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
  <title>Trainer Battle</title>
  <script>
    if ((navigator.userAgent.match(
        /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
      ))) {
      if (location.href.indexOf('mobile') === -1) {
        location.href =
          "http://pmfr.pocketgamesol.com/activity/20180719/mobile"
      }
    } else {
      if (location.href.indexOf('mobile') !== -1) {
        {
          location.href =
            "http://pmfr.pocketgamesol.com/activity/20180719/"
        }
      }
    }
  </script>
</head>

<body id="body">
  <div class="header">
    <div class="logo"></div>
    <div class="interactive">
      <a class="btn ios" href="https://trainerconquest.onelink.me/GjxD/7abb7c59" target="_blank">
        <i class="icon"></i>
        <span class="os-txt">
          IOS
        </span>
      </a>
      <a class="btn android" href="https://trainerconquest.onelink.me/GjxD/7abb7c59" target="_blank">
        <i class="icon"></i>
        <span class="os-txt">
          ANDROID
        </span>
      </a>
      <div class="btn gold hide">
        CONNEXION
      </div>

      <div class="logged hide">
        <div class="item username">
          <span></span>
        </div>
        <div class="item zonename hide">
          <span></span>
        </div>
        <div class="item rolename hide">
          <span></span>
        </div>
        <div class="item logout">[Quitter]</div>
      </div>

    </div>
  </div>
  <div class="wrap">
    <div class="item event1">
      <div class="title">
        <span class="title-txt">
          ÉVÉNEMENT 1: CADEAU POUR L'ANCIEN ENTRAÎNEUR
        </span>
      </div>
      <div class="loading"></div>
      <div class="pbs">
        <div class="item rpc-1">
          <div class="item-desc">
            <div class="cell">
              Diamant*1000
            </div>
          </div>
        </div>
        <div class="item rpc-1">
          <div class="item-desc">
            <div class="cell">
              Éclat général*200
            </div>
          </div>
        </div>
        <div class="item rpc-1">
          <div class="item-desc">
            <div class="cell">
              Pierre d'héritage Normale*1
            </div>
          </div>
        </div>
        <div class="item rpc-1">
          <div class="item-desc">
            <div class="cell">
              Ticket du Pays secret Avancé*5
            </div>
          </div>
        </div>
      </div>
      <div class="btn ed">
        NON QUALIFIÉ
      </div>
      <div class="bot">
        <div class="loading"></div>
      </div>
    </div>
    <div class="item event2">
      <div class="widget"></div>
      <div class="title">
        <span class="title-txt">
          ÉVÉNEMENT 2: QUIZ - ALLONS DEVINER
        </span>
      </div>
      <div class="loading"></div>

      <div class="myPrize">
        <div class="overview">
          APERÇU DE LA RÉCOMPENSE
        </div>
        <div class="lin"></div>
        <div class="gift record">
          MON CADEAU
        </div>
      </div>

      <div class="timebar">
        <div class="item">
          Récompense du 1èr tour 19/7 00:00-20/7 17:30
        </div>
        <div class="item">
          Récompense du 2ème tour 21/7 00:00-22/7 17:30
        </div>
        <div class="item">
          Récompense du 3ème tour 23/7 00:00-24/7 17:30
        </div>
      </div>

      <div class="list pokemons">
        <div class="item rpc-3">
          <div class="pokemon-avatar">
            <div class="poke-g"></div>
            <div class="poke-l hide"></div>
            <div class="poke-c hide">
              <div class="icon left"></div>
              <div class="icon right"></div>
            </div>
          </div>
          <div class="pokemon-name short">
            <span>Diance
              <span>
          </div>
        </div>
        <div class="item rpc-3">
          <div class="pokemon-avatar">
            <div class="poke-g"></div>
            <div class="poke-l hide"></div>
            <div class="poke-c hide">
              <div class="icon left"></div>
              <div class="icon right"></div>
            </div>
          </div>
          <div class="pokemon-name short">
            <span>Zéroïd
              <span>
          </div>
        </div>
        <div class="item rpc-3">
          <div class="pokemon-avatar">
            <div class="poke-g"></div>
            <div class="poke-l hide"></div>
            <div class="poke-c hide">
              <div class="icon left"></div>
              <div class="icon right"></div>
            </div>
          </div>
          <div class="pokemon-name short">
            <span>Engloutyran
              <span>
          </div>
        </div>
        <div class="item rpc-3">
          <div class="pokemon-avatar">
            <div class="poke-g"></div>
            <div class="poke-l hide"></div>
            <div class="poke-c hide">
              <div class="icon left"></div>
              <div class="icon right"></div>
            </div>
          </div>
          <div class="pokemon-name">
            <span>Lugia
              <span>
          </div>
        </div>
        <div class="item rpc-3">
          <div class="pokemon-avatar">
            <div class="poke-g"></div>
            <div class="poke-l hide"></div>
            <div class="poke-c hide">
              <div class="icon left"></div>
              <div class="icon right"></div>
            </div>
          </div>
          <div class="pokemon-name">
            <span>Hoopa
              <span>
          </div>
        </div>
        <div class="item rpc-3">
          <div class="pokemon-avatar">
            <div class="poke-g"></div>
            <div class="poke-l hide"></div>
            <div class="poke-c hide">
              <div class="icon left"></div>
              <div class="icon right"></div>
            </div>
          </div>
          <div class="pokemon-name short">
            <span>Groudon
              <span>
          </div>
        </div>
        <div class="item rpc-3">
          <div class="pokemon-avatar">
            <div class="poke-g"></div>
            <div class="poke-l hide"></div>
            <div class="poke-c hide">
              <div class="icon left"></div>
              <div class="icon right"></div>
            </div>
          </div>
          <div class="pokemon-name">
            <span>Uxie
              <span>
          </div>
        </div>
        <div class="item rpc-3">
          <div class="pokemon-avatar">
            <div class="poke-g"></div>
            <div class="poke-l hide"></div>
            <div class="poke-c hide">
              <div class="icon left"></div>
              <div class="icon right"></div>
            </div>
          </div>
          <div class="pokemon-name short">
            <span>Mouscoto
              <span>
          </div>
        </div>
        <div class="item rpc-3">
          <div class="pokemon-avatar">
            <div class="poke-g"></div>
            <div class="poke-l hide"></div>
            <div class="poke-c hide">
              <div class="icon left"></div>
              <div class="icon right"></div>
            </div>
          </div>
          <div class="pokemon-name short">
            <span>Giratina
              <span>
          </div>
        </div>
        <div class="item rpc-3">
          <div class="pokemon-avatar">
            <div class="poke-g"></div>
            <div class="poke-l hide"></div>
            <div class="poke-c hide">
              <div class="icon left"></div>
              <div class="icon right"></div>
            </div>
          </div>
          <div class="pokemon-name short">
            <span>Palkia
              <span>
          </div>
        </div>
      </div>
      <div class="btn ed">
        Prédire
      </div>
    </div>
    <div class="item event3">
      <div class="title">
        ÉVÉNEMENT 3: CONNEXION PENDANT 7 JOURS
      </div>
      <div class="loading"></div>
      <div class="box">

        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="0">
            RECEVOIR
          </div>
        </div>

        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="1">
            RECEVOIR
          </div>
        </div>

        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="2">
            RECEVOIR
          </div>
        </div>

        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="3">
            RECEVOIR
          </div>
        </div>

        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="4">
            RECEVOIR
          </div>
        </div>

        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="5">
            RECEVOIR
          </div>
        </div>

        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="6">
            RECEVOIR
          </div>
        </div>

      </div>
    </div>
  </div>
  <div class="footer"></div>

  <div class="mask hide"></div>
  <div class="pop login hide">
    <div class="bkm"></div>
    <div class="close"></div>
    <div class="pop-wrap"></div>
    <div class="x"></div>
    <div class="login">
      <div class="inputs">
        <div class="item">
          <span>
            Compte:
          </span>
          <input id="username" class="input" type="text" placeholder="Entrer le compte">
        </div>
        <div class="item">
          <span>
            Mots de passe:
          </span>
          <input id="password" class="input" type="password" placeholder="Entrer le mot de passe">
        </div>
      </div>
      <div class="btns">
        <div class="btn gold">
          CONNEXION
        </div>
        <div class="btn fb"></div>
      </div>
    </div>
  </div>
  <div class="pop ctn hide">
    <div class="bkm"></div>
    <div class="close"></div>
    <div class="pop-wrap"></div>
    <div class="x"></div>
    <div class="ctn"></div>
  </div>

  <div class="pop server hide">
    <div class="bkm"></div>
    <div class="close"></div>
    <div class="pop-wrap"></div>
    <div class="x"></div>
    <div class="server">
      <div class="txt">
        Entrez le nom du serveur:
      </div>
      <div class="box">
        <div class="item server">
          <select id="server"></select>
        </div>
        <div class="item role">
          <div id="role"></div>
          <div class="btn gold">
            Confirmer
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="pop overview hide">
    <div class="bkm"></div>
    <div class="close"></div>
    <div class="pop-wrap"></div>
    <div class="x"></div>
    <div class="overview">
      <div class="display-list">
        <div class="item">
          <div class="title">
            3 monstres devinés correctes
          </div>
          <div class="pri"></div>
        </div>
        <div class="item">
          <div class="title">
            4 monstres devinés correctes
          </div>
          <div class="pri"></div>
        </div>
        <div class="item">
          <div class="title">
            5 monstres devinés correctes
          </div>
          <div class="pri"></div>
        </div>
      </div>
    </div>
  </div>
</body>

</html>